.smap-upload {
  &-card {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;

    .rc-image {
      width: 100%;
      height: 100%;
      cursor: pointer;
    }

    .rc-image-mask {
      > span {
        position: absolute;
        bottom: 1px;
        right: 1px;
        font-size: 12px;
      }
    }

    .smap-icon.zoom {
      position: absolute;
      font-size: 16px;
      right: -1px;
      bottom: -1px;
      color: #fff;
      z-index: 2;
    }
  }

  &-preview {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  &-remove {
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 14px;
    z-index: 2;
  }

  &-status {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
  }

  &-loading,
  &-error {
    background-color: rgb(0 0 0 / 50%);
  }
}

.rc-image-preview-operations-wrapper {
  .rc-image-preview-progress {
    color: #fff;
  }
}
